<div class="bdb-main-header">
    <div class="bdb-header-left bdb-f-l">
        <div class="bdb-canlender-search" id="bdb-opeartion-log-search-date">
            <span class="bdb-hide"></span>
            <img class="canlender-icon" src="/static/imgs/global/canlender.svg">筛选日期
            <img class="canlender-arrow" src="/static/imgs/global/nav-down-arrow.svg">
        </div>
    </div>
    <div class="bdb-header-right">
        <div class="bdb-search-input">
            <div class="search-left-select">
                <span class="search-btn">
                    <em data-type="ip">IP</em>
                    <img src="/static/imgs/global/nav-down-arrow.svg" alt="">
                </span>
                <ul id="bdb-opeartion-log-search-type">
                    <li data-type="ip">IP</li>
                    <li data-type="action">事件</li>
                    <li data-type="username">用户</li>
                </ul>
            </div>
            <span class="search-gray search-conf"></span>
            <input class="search-text" type="text" placeholder="Search" autocomplete="off">
        </div>
        <div class="bdb-total-items bdb-record-cnt"></div>
    </div>
</div>
<div class="bdb-head-mid20"></div>
<div class="bdb-table-header">
    <div class="bdb-mx-w-col-1">ID</div>
    <div class="bdb-mx-w-col-2">事件</div>
    <div class="bdb-mx-w-col-3">操作项目</div>
    <div class="bdb-mx-w-col-4">时间</div>
    <div class="bdb-mx-w-col-5">IP</div>
    <div class="bdb-mx-w-col-6">用户</div>
    <div class="bdb-mx-w-col-7">操作</div>
</div>

<!-- list -->
<div class="bdb-list"></div>

<!-- page -->
<div id="logListPage" class="bdb-creatPage"></div>

<!-- detail -->
<div class="bdb-dialog bdb-hide" id="bdb-opeartion-log-detail-dialog">
    <img class="bdb-close bdb-mouse-hover js-bdb-dialog-cancel" src="/static/imgs/global/white_close.svg">
    <div class="title bdb-p-r bdb-f-c-fff">日志详情</div>
    <div class="content"></div>
</div>
